<template>
	<view class="page-content">
		<view class="flex-start" style="align-items: center;font-size: 18px;font-weight: 600;margin-bottom: 20px;">
			<image src="../../../static/wallet/redract.png" mode=""
				style="width: 4px;height: 21px;margin-right: 10px;transform: translateY(1px);"></image>
			<text>进鱼支出</text>
		</view>

		<view class="flex-start" style="align-items: center;margin-bottom: 20px;">
			<view class="inputLabel">金额：</view>
			<view class="uni-input-wrapper flex-start"
				style="flex: 1;align-items: center;border: 1px solid #f0f0f0;padding: 10px 10px;border-radius: 7px;">
				<input class="uni-input" placeholder="请输入金额" v-model="num" style="flex:1;" />
			</view>
		</view>

		<view class="flex-start" style="align-items: center;margin-bottom: 20px;">
			<view class="inputLabel">备注：</view>
			<view class="uni-input-wrapper flex-start"
				style="flex: 1;align-items: center;border: 1px solid #f0f0f0;padding: 10px 10px;border-radius: 7px;">
				<input class="uni-input" placeholder="请输入备注内容" v-model="balance" style="flex:1;" />
			</view>
		</view>
		
		<view class="flex-start" style="align-items: center;font-size: 18px;font-weight: 600;margin-bottom: 20px;">
			<image src="../../../static/wallet/redract.png" mode=""
				style="width: 4px;height: 21px;margin-right: 10px;transform: translateY(1px);"></image>
			<text>运费支出</text>
		</view>
		
		<view class="flex-start" style="align-items: center;margin-bottom: 20px;">
			<view class="inputLabel">金额：</view>
			<view class="uni-input-wrapper flex-start"
				style="flex: 1;align-items: center;border: 1px solid #f0f0f0;padding: 10px 10px;border-radius: 7px;">
				<input class="uni-input" placeholder="请输入金额" v-model="num" style="flex:1;" />
			</view>
		</view>
		
		<view class="flex-start" style="align-items: center;margin-bottom: 20px;">
			<view class="inputLabel">备注：</view>
			<view class="uni-input-wrapper flex-start"
				style="flex: 1;align-items: center;border: 1px solid #f0f0f0;padding: 10px 10px;border-radius: 7px;">
				<input class="uni-input" placeholder="请输入备注内容" v-model="balance" style="flex:1;" />
			</view>
		</view>
		
		<view class="flex-start" style="align-items: center;font-size: 18px;font-weight: 600;margin-bottom: 20px;">
			<image src="../../../static/wallet/redract.png" mode=""
				style="width: 4px;height: 21px;margin-right: 10px;transform: translateY(1px);"></image>
			<text>其他支出</text>
		</view>
		
		<view class="flex-start" style="align-items: center;margin-bottom: 20px;">
			<view class="inputLabel">金额：</view>
			<view class="uni-input-wrapper flex-start"
				style="flex: 1;align-items: center;border: 1px solid #f0f0f0;padding: 10px 10px;border-radius: 7px;">
				<input class="uni-input" placeholder="请输入金额" v-model="num" style="flex:1;" />
			</view>
		</view>
		
		<view class="flex-start" style="align-items: center;margin-bottom: 20px;">
			<view class="inputLabel">备注：</view>
			<view class="uni-input-wrapper flex-start"
				style="flex: 1;align-items: center;border: 1px solid #f0f0f0;padding: 10px 10px;border-radius: 7px;">
				<input class="uni-input" placeholder="请输入备注内容" v-model="balance" style="flex:1;" />
			</view>
		</view>
		



		<view class="confirmBtn" @click="toPublish">
			确认
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				couponName: '',
				balance: '',
				lowBalance: '',
				num: '',
				time: '',

			}
		},
		methods: {

			typeChange(e) {

			},
			timeChange(e) {

			},
			bindTextAreaBlur(e) {
				console.log(e.detail.value)
			},
			toPublish() {
				uni.showToast({
					title: '提交成功',
					//将值设置为 success 或者直接不用写icon这个参数
					icon: 'success',
					//显示持续时间为 2秒
					duration: 2000
				})
				setTimeout(() => {
					uni.navigateTo({
						url: `/pages/fishTickets/thisReport/index`
					})
				}, 1000)

			}
		}
	}
</script>

<style lang="scss" scoped>
	.page-content {
		height: calc(100vh - 68px);
		background: #fff;
		padding: 12px;
		position: relative;
	}

	.uni-textarea {
		border: 1px solid #f0f0f0;
		padding: 10px 10px;
		border-radius: 7px;
		height: 100px;
	}

	:deep(.uni-select__input-placeholder) {
		font-size: 16px !important;
		color: gray;
	}

	:deep(.uni-select) {
		height: 42px;
		border-radius: 7px;
	}

	.confirmBtn {
		position: absolute;
		width: 70%;
		background: #D43030;
		bottom: 60px;
		left: 15%;
		height: 40px;
		border-radius: 20px;
		color: #fff;
		text-align: center;
		line-height: 40px;
	}

	.inputLabel {
		margin-right: 30px;
	}
</style>